﻿body
{
    width : 1200px;
    margin: auto;
}
#header{height :80px;margin-top:4px;border-bottom: 1px solid #6f6f6f;}
    #header #gadge {  height : 50px; }
    #header #gadge #logo{float: left; width: 250px;}
    #header #gadge #search{ float: left;margin-top: 13px;}
    #header #gadge #search input{margin: auto;}
    #header #gadge #login{border-left-color:#090909;
                          border-left-style:solid;
                          border-left-width:1px;
                          border-right-color:#222222;
                          border-right-style:solid;
                          border-right-width:1px;
                          float:right;
                          height:30px;
                          position:relative;
                          width:171px;}
    #login img{ margin-right: 4px;}
    #login a{text-decoration :none; }
    #login a:hover{ font-style:italic}
    #header #xacdinh{height :20px;margin-top: 2px;}
    #header #xacdinh span{ float:right;}

#container
{
    height: auto;
}
#container #mleft{ float: left; width: 15%;list-style:none;}
#leftcolumn {float:left; width:190px}
.dropdown {display:block; position:relative}
.dropdown dt {width:170px; border:2px solid #9ac1c9;height:15px; padding:8px; font-weight:bold; cursor:pointer; background:url(../../../../Images/backround/header.gif)}
.dropdown dt:hover {background:url(../../../../Images/backround/header_over.gif)}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:177px; display:none; background:#fff; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; height: auto;}
.dropdown li {display:inline; height: auto}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

#container #content{ float: right; width: 83%;}

#footer{ border-top:1px solid #C0C0C0; float:left; margin:0 ;padding: 3px 0 0;height :200px }
.footerMenu{ background: none repeat scroll 0 0 #F0F0F2; float: left; padding :0 0 13px 50px;}
.ulBlockMenu{ float: left; list-style-type: none; margin : 16px 0 0; overflow:hidden; width: 247px}
 
.liFirst h2{height: 15px;  margin: 0 0 5px;}
.liFirst a{ color: #000000; float: left; font: bold 12px arial; text-decoration : none; }
.liFirst a:hover{color: #9F224E;}
.liFollow h2{ height: 14px; margin : 0 0 7px;}
.liFollow a{ color: #606060;text-decoration: none; font: 10px arial;}
.liFollow a:hover{text-decoration:underline;}

.table{width: 100%;}
.table .thead th{height: 30px;background: #F5F5F5;color: #646464;}
.table img#xcontrol{width:35px;height:35px;}
.table .tbody tr{height: 30px;}
.table .tbody tr.a{}
.table .tbody tr.b{background: #F5F5F5;}
.table .tbody tr td{text-align: center;}
.table .tbody tr td.delete{width: 5%;}
.table .tbody tr td.name a{text-decoration: none;color: #646464;}
.table .tbody tr td>img{width: 30px;height: 30px;cursor: pointer;}

#add 
{
    float: right;
}
#datepicker {
z-index:100;
}

#menu 
{
    border : 1px solid red; 
    width : 100%;
    height : 210px;
    padding : 1px;
    margin-bottom: 5px;
}
#left-menu 
{
    
    width : 40.5%;
    height : 205px;
    float: left;
    margin :1px;
}
#right-menu 
{
    border : 1px solid yellow; 
    width : 58%;
    height : 205px;
    float: right;
    margin :1px;
}


#left-content {
    width : 80%;
    height: 600px;
    border : 1px solid red; 
    float: left;
}
#right-content {
   
    width : 19%;
    height: 600px;
    border : 1px solid blue; 
    float: right;
}

.sanpham {
    width : 200px;
    height: 200px;
    border : 1px solid green;
    
}

#form{
    background: #fff;
    border : 1px solid #ddd;
    margin:  0 auto;
    width: 500px;
    height : 420px;
    font-size:  16px;
     -moz-box-shadow:1px 1px 7px #ccc;
    -webkit-box-shadow:1px 1px 7px #ccc;
    box-shadow:1px 1px 7px #ccc;

}

span{color: red;float:right} 
form.active{
    display:block;
} 

#form label{
    display:block;
    padding:10px 10px 0px 30px;
    margin:30px 0px 0px 0px;
}  

.group {margin: 7px;width: 400px; height: 50px;}
.elem {margin: 7px;width: 400px;}
#form input,
select
{
    float: left;
    border: solid 1px #E5E5E5;
    margin: 5px 30px 0px 30px;
    padding: 9px;
    display:block;
    font-size:16px;
    width:50%;
    background: #FFFFFF;
    background:
        -webkit-gradient(
            linear,
            left top,
            left 25,
            from(#FFFFFF),
            color-stop(4%, #EEEEEE),
            to(#FFFFFF)
        );
    background:
        -moz-linear-gradient(
            top,
            #FFFFFF,
            #EEEEEE 1px,
            #FFFFFF 25px
            );
    -moz-box-shadow: 0px 0px 8px #f0f0f0;
    -webkit-box-shadow: 0px 0px 8px #f0f0f0;
    box-shadow: 0px 0px 8px #f0f0f0;
}
#formr input:focus,
#form select:focus{
    background:#feffef;
} 
#form button{
     background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0 4px;
    text-align: center;
    width: 100px;
    cursor:pointer;
    float:right;
    margin:35px 20px 10px 10px;
    text-shadow: 0 1px 0px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}
#form button:hover {
     background: #d9d9d9;
    -moz-box-shadow: 0px 0px 2px #eaeaea inset;
    -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
    box-shadow: 0px 0px 2px #eaeaea inset;
    color: #222;
}

